Skip to content

feat(ui): дизайн-система QueryaDropdown, interface scale и модалки (#89) - #90

Merged
ZhuchkaTriplesix merged 5 commits into
devfrom
issue/89-querya-dropdown-design-system
Jun 9, 2026
Merged

feat(ui): дизайн-система QueryaDropdown, interface scale и модалки (#89)#90
ZhuchkaTriplesix merged 5 commits into
devfrom
issue/89-querya-dropdown-design-system

Conversation

@ZhuchkaTriplesix

@ZhuchkaTriplesix ZhuchkaTriplesix commented Jun 9, 2026

Copy link
Copy Markdown
Member

Summary

  • Введена дизайн-система QueryaDropdownTokens и обновлён QueryaDropdown: фиксированные метрики trigger/menu/items, hover, selected check, ширина выпадающей панели = ширине триггера (crossAxisUnconstrained: false).
  • Preferences: единый layout PreferencesFieldRow (одинаковая ширина дропдаунов), улучшена читаемость trigger (36px, 14px шрифт).
  • Interface scale (75–200%): ползунок с фиксированными отсечками (пресеты); Shift — точная настройка с шагом 1%; живое превью, сохранение в SQLite.
  • Модальные окна масштабируются через WindowLayout.dialogConstraints / scaledDialogExtent (Preferences, New Connection, формы драйверов, SQL editor dialogs и др.).

Closes #89

Test plan

  • flutter analyze
  • flutter test (374 tests)
  • Preferences: дропдауны одной ширины, читаемый текст на импортированной теме
  • Interface scale: снап к пресетам; Shift + drag → 112%, 117% и т.д.; hot restart сохраняет значение
  • При 125% scale: Preferences / New Connection / форма PostgreSQL — окна крупнее пропорционально
  • Dropdown: панель меню по ширине trigger; chevron, hover, check на selected

@ZhuchkaTriplesix
feat(ui): apply dropdown design system tokens to QueryaDropdown (#89)
3d583cb 
Centralize trigger/menu metrics in QueryaDropdownTokens and restyle trigger,
menu panel, hover states, and selected checkmarks across all dropdown call sites.
@ZhuchkaTriplesix
fix(ui): readable uniform preferences dropdowns and interface scale (#89
bb74f11 
)

Fix trigger text clipping, align all Preferences dropdowns via PreferencesFieldRow,
and add global UI scale (85–150%) with scaled QueryaDropdown metrics.
@ZhuchkaTriplesix
feat(ui): match dropdown menu width to trigger and add scale slider (#89
4495bc4 
)

Menu panel follows anchor width via crossAxisUnconstrained; replace interface
scale presets with a Telegram-style 75–200% slider with live preview.
@ZhuchkaTriplesix
feat(ui): snap interface scale slider to presets, Shift for fine steps (
680804c 
#89)

Default slider ticks at 75–200% presets; hold Shift for 1% continuous control.
@ZhuchkaTriplesix
feat(ui): scale modal dialog dimensions with interface scale (#89)
3dc5d42 
Add WindowLayout.dialogConstraints and apply UI scale to all app modals
including connection forms, preferences, and SQL editor dialogs.
@github-actions github-actions Bot added the enhancement New feature or request label Jun 9, 2026
ZhuchkaTriplesix
ZhuchkaTriplesix commented Jun 9, 2026
View reviewed changes

@ZhuchkaTriplesix ZhuchkaTriplesix left a comment

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

123

@ZhuchkaTriplesix
ZhuchkaTriplesix merged commit 3d9c7da into dev Jun 9, 2026
4 checks passed
@ZhuchkaTriplesix ZhuchkaTriplesix mentioned this pull request Jun 13, 2026
Closed
17 tasks
@ZhuchkaTriplesix
ZhuchkaTriplesix deleted the issue/89-querya-dropdown-design-system branch June 13, 2026 20:09
ZhuchkaTriplesix added a commit that referenced this pull request Jul 27, 2026
@ZhuchkaTriplesix
Merge pull request #90 from QueryaHub/issue/89-querya-dropdown-design…
bd04530 
…-system

feat(ui): дизайн-система QueryaDropdown, interface scale и модалки (#89)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

enhancement New feature or request

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@ZhuchkaTriplesix